<!doctype html>
<html>
<head>
	<meta charset="UTF-8">
	<meta name="format-detection" content="telephone=no">
	<meta name="viewport" content="width=device-width,initial-scale=1.0,minimum-scale=1.0,maximun-scale=1.0,user-scalable=no">
	<link rel="stylesheet" href="css/idangerous.swiper.css">
	<link rel="stylesheet" type="text/css" href="css/style.css">
	<link rel="stylesheet" type="text/css" href="css/animate.css">
	<script type="text/javascript" src="js/jquery-1.12.3.min.js"></script>
	<script type="text/javascript" src="js/resize_one.js"></script>
	<script type="text/javascript" src="js/js.js"></script>
	<title>微海报</title>
</head>
<body>
	<div class="swiper-container">
		<div class="swiper-wrapper">
			<div id="container1" class="swiper-slide">
				<div class="wrap">
					<div class="word1">
						<p>旅行是为了让心灵得到释放！</p>
						<p>是为了让受伤的灵魂不再哭泣！</p>
					</div>
					<div class="word2">
						<span>旅行</span>
					</div>
				</div>
			</div>
			<div id="container2" class="swiper-slide">
				<div class="wrap">
					<div class="page2-pic1"></div>
					<div class="page2-pic2">
						<div class="rec">
							<div class="align">
								<span>有时候你需要不断地放空自我，欣赏大自然的同时，也升华一下你自己！</span>
							</div>
							</div>
					</div>
				</div>
			</div>
			<div id="container3" class="swiper-slide">
				<div class="wrap">
					<div class="page3-pic1"></div>
					<div class="page3-pic2"></div>
					<div class="page3-word">路过的风景<br>留下了足迹和记忆<br>偶有风雨洗礼<br> 风拂去悲伤的愁绪<br>雨滴浸透心头<br>打湿了眼眶和身体<br>但退却了万千的烦恼</div>
				</div>
			</div>
			<div id="container4" class="swiper-slide">
				<div class="wrap">
					<div class="page4-pic1"></div>
					<div class="page4-pic2"></div>
					<div class="page4-word">
						<span>当一颗迷失的心</span><span>漂泊天涯<br>，忘却浮</span><span>沉时<br>，大自然及万</span><span>千河山的灵气便可</span><span>为之抚平灵魂的伤</span><span>痛<br>。</span><span>学会放弃也便是一</span><span>种快乐<br>。</span>
					</div>
				</div>
			</div>
			<div id="container5" class="swiper-slide">
				<div class="wrap">
					<div class="page5-pic1 rotateIn"></div>
					<div class="page5-pic2 fadeInLeft-page5"></div>
					<div class="page5-pic3 fadeInUp-page5"></div>
					<div class="page5-word1 fadeInDown-page5">感悟旅行</div>
					<div class="page5-word2 flipInY">
						穿过这个季节<br>长的雨廊<br>我又徜徉在千年<br>的古道上<br> 用双脚去感受那一<br>份历史的积淀
					</div>
				</div>
			</div>
			<div id="container6" class="swiper-slide">
				<div class="page6-word1 fadeIn-page6-1">旅途上遇着最美的风景</div>
				<div class="page6-word2 fadeIn-page6-2">也遇到最美的自己！</div>
				<div class="wrap">
					<div class="page6-pic1 fadeInDown-page6-1"></div>
					<div class="page6-pic2 rollInLeft"></div>
					<div class="page6-pic3 rollInRight"></div>
					<div class="page6-pic4 fadeInUp-page6-4"></div>
				</div>
			</div>
			<div id="container7" class="swiper-slide">
				<div class="page7-pic1 flipInY-page7-1"></div>
				<div class="page7-pic5 flipInY-page7-5"></div>
				<div class="page7-word fadeIn-page7-1">
					<span>是时候来一场说走就走的旅行</span><span>不用任何理由<br><br>不论任何地点</span><span>随性随心</span>
				</div>
				<div class="wrap">
					<div class="page7-pic2 flipInY-page7-2"></div>
					<div class="page7-pic3 flipInY-page7-3"></div>
					<div class="page7-pic4 flipInY-page7-4"></div>
					<ul class="page7-picline1 flipInY-line1">
						<li></li>
					</ul>
					<ul class="page7-picline2 flipInY-line2">
						<li></li>
						<li></li>
					</ul>
					<ul class="page7-picline3 flipInY-line3">
						<li></li>
						<li></li>
						<li></li>
					</ul>
					<ul class="page7-picline4 flipInY-line4">
						<li></li>
						<li></li>
					</ul>
					<ul class="page7-picline5 flipInY-line5">
						<li></li>
					</ul>
				</div>
			</div>
		</div>
	</div>
	<script src="js/idangerous.swiper.min.js"></script>
	<script src="js/idangerous.swiper.progress.js"></script>
</body>
</html>